<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ page import="com.Interface.util.StringUtil"%>
<%@ page import="com.Interface.entity.UserInfo"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ StringUtil.getHost()+ ":" + StringUtil.getPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%=basePath%>">
<%@ include file="common/top.jsp"%>
<link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<link rel="stylesheet" href="web/plugins/dist/zoomify.css" />
<script   type="text/javascript" src="web/js/common.js"></script>
<script   type="text/javascript" src="web/js/topicDetail.js?version=v1.0.6"></script>  
<script src="js/plugins/sweetalert/sweetalert.min.js"></script>
</head>
<body class="gray-bg top-navigation">
<input type="hidden" id="topic_id"  value="<%=request.getParameter("topic_id")%>"> 
<input type="hidden" id="class_id"  value="<%=request.getParameter("class_id")%>">  
<input type="hidden" id="cid"  >
<input type="hidden" id="id_comment_max_index"  value="0">  
<div id="wrapper">
  <div id="page-wrapper" class="gray-bg">
    <%@ include file="common/head.jsp"%>
    
    <div class="wrapper wrapper-content  animated fadeInRight article col-md-9">
        <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
                <div class="ibox">
                    <div class="ibox-content">
                    	 <div >
                            <strong><h3 id="topic_title"></h3></strong>
                        </div>
                        <div  >
                            <div class="btn  btn-xs"  style="color: gray;" >发布者：<span id="create_user_name"></span></div>
                            <div class="btn btn-white btn-xs">标签：<span id="label_list"></span></div>
                        </div>  
                        <br>
                        <div  >
                            <a class="btn btn-xs " style="color: gray;" ><span id="read_cnt"></span>阅读</a>
                            <a class="btn  btn-xs"  style="color: gray;" type="button"><i class="fa fa-external-link">&nbsp;&nbsp;<span id="forward_cnt"></span>转发 </i> </a>
                            <a class="btn  btn-xs" style="color: gray;" type="button"><i class="fa fa-commenting-o">&nbsp;&nbsp;<span id="comment_cnt"></span>评论</i></a>
                            <a class="btn  btn-xs" style="color: gray;" type="button" ><i class="fa fa-thumbs-o-up"  id="<%=request.getParameter("topic_id")%>_a" >&nbsp;&nbsp;<span id="thumbs_cnt"></span>点赞 </i></i></a>

                        </div>  
                              
                         <div class="small m-b-xs text-right " style="margin-top: -20px;"> 
	                     <span class="text-muted"><i class="fa fa-clock-o"></i><span id="create_time"></span></span>  
	                    </div> 
	                      <hr>
	                    
                         <!-- 内容开始 -->     
                       
                        <p id="content"></p>
                        <hr>
                        <!-- 内容结束 -->

                        <!-- 点赞 收藏按键 -->
                        <div class="row">
                  
                          <div class="col-md-4 text-center"><div id="is_forward_btn" class="btn btn-white btn-lg" type="button"  onclick="TopicDetail.forward()"><i class="fa fa-external-link"><span id="is_forward"><span id="forward_cnt_1"></span>转发</span> </i> </div></div>
                         <div class="col-md-4 text-center"><div  class="btn btn-white btn-lg"    id="aa_<%=request.getParameter("topic_id")%>"  type="button" ><i class="fa fa-thumbs-o-up"   id="zan_<%=request.getParameter("topic_id")%>"><span id="thumbs_cnt_1"></span>点赞 </i></i></div></div>
                          <div class="col-md-4 text-center"  ><div id="is_collect_btn" class="btn btn-white btn-lg" type="button" ><span class="fa fa-heart-o"    id="<%=request.getParameter("topic_id")%>_b"><span id="collect_cnt_1"></span><span id="collect_cnt_word">收藏</span></span></div></div>
                        </div>
                        <br>
                        
                        <!-- 填写评论 -->
                       <div class="social-comment">
                            <h3 class="pull-left">发表评论:</h3>
                            <div class="media-body">
                                <textarea id="id_comment_text" class="form-control" placeholder="填写评论..."></textarea>
                            </div>
                        </div>
                        <div class="social-comment">
                           <button id="is_collect_btn1"  onclick="addComment()"  class="btn btn-primary btn-md pull-right" type="button"> 发表评论</i></i></button>
                        </div>
                        <br>
                        <!-- 填写评论 -->
                        <div class="row">
                            <h2>评论：</h2>
                            <div class="col-lg-12" id="comment">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
     <div class="wrapper wrapper-content  animated fadeInRight article col-md-3">
     
     
       <!-- 班组信息 -->
       <div class="row">
           <div class="ibox float-e-margins">
		        <div>
		              <div class="ibox-content profile-content row" style="line-height: 25px"   >
			                       <div class="col-md-12 text-center"  >
				                        <div class="text-center">
				                        	<div class="m-b-sm">
		                                            <img  id="pic" class="img-circle"   style="width: 62px;height:62px">
		                                    </div>
		                                </div>
									<h4><strong><span id="name"></span></strong></h4>
									<p id="indroduce"></p>
					              </div>

								
								 <div class="row text-center">
								    <div class="col-md-12" id="join_class" >
									<a class="btn btn-default btn-circle" type="button"><i  id="join_status" class="fa fa-plus"></i></a>
									</div>
			                        <div class="col-md-6">
				                        <div>成员</div>
				                       <div><strong><h3> <div id="member_cnt"></div></h3></strong></div>
			                        </div>
			                        <div class="col-md-6" >
				                        <div>话题</div>
				                         <div><strong><h3> <div id="topic_cnt"></div></h3></strong></div>
			                        </div>
		                        </div> 
						 </div>
		         </div>
		   </div>
       </div>
       
       <div class="row">
           <div class="ibox float-e-margins">
		        <div>
		              <div class="ibox-content profile-content row " style="line-height: 25px;"   >
								 <div class="row text-center">
			                        <div class="col-md-6">
				                        <div>赞</div>
				                        <div><h3> <div id="left_zan_cnt"></div></h3></div>
			                        </div>
			                        <div class="col-md-6" >
				                        <div>评论</div>
				                        <div><h3> <div id="left_comment_cnt"></div></h3></div>
			                        </div>
			                        
		                        </div> 
						 </div>
		         </div>
		   </div>
       </div>
       
       
       
       <!-- 班组信息 -->
       <!-- 热门话题  --> 
       <div class="row">
  			     <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>热门话题</h5>
                        <div class="ibox-tools">
                            <a href="web/topic.jsp" >更多 <i class="fa fa-chevron-right"></i></a>
                        </div>
                    </div>
                    <div class="ibox-content">

                        <div>
                            <div class="feed-activity-list" id="hotTopic">
                            </div>
                        </div>
                    </div>
                </div>
				</div>
       <!-- 右侧 热门话题  --> 
     </div>      
   </div>
</div>
    <%-- <%@ include file="common/footer.jsp"%> --%>
</body>
<script type="text/javascript" src="web/plugins/dist/zoomify.js"></script>
<style>
.zoomify-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1500;
    background: rgba(0, 0, 0 ,0);
    opacity: 0;
}
</style>
</html>
